<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content">
			<h3 style="font-size: 0.25rem;">员工入场三级安全教育登记表</h3>
			<div class="people-top mt-3">
				<div>工程名称：引江补汉工程土建施工及金结机电安装8标</div>
				<div style="display: flex; align-items: center;">
					施工单位：中国水利水电第十四工程局有限公司
				</div>
			</div>
			<div class="table-form">
				<el-form ref="dataForm" :model="educateForm" label-width="138px" class="dataForm">
					<el-row>
						<el-row style="width: 100%;">
							<el-col :span="24">
								<el-row>
									<el-col :span="8">
										<el-form-item label="姓名" prop="memberId" class="formItemDuty" style="border-top: 0px;">
											<el-input v-model="educateForm.name" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="性别" prop="" class="formItemDuty" style="border-top: 0px;">
											<el-input v-model="educateForm.sex" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="所属单位" prop="" class="formItemDuty">
											<el-input v-model="educateForm.orgName" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="8">
										<el-form-item label="联系电话" prop="" class="formItemDuty">
											<el-input v-model="educateForm.phone" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="紧急联系人及关系" prop="" class="formItemDuty">
											<el-input v-model="educateForm.urgencyRelation" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="紧急联系人电话" prop="" class="formItemDuty">
											<el-input v-model="educateForm.urgencyPhone" class="formItemDutyIn" />
										</el-form-item>
									</el-col>

								</el-row>
								<el-row>
									<el-col :span="8">
										<el-form-item label="岗位工种" prop="" class="formItemDuty">
											<el-input v-model="educateForm.workType" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="文化程度" prop="" class="formItemDuty">
											<el-input v-model="educateForm.culture" class="formItemDutyIn"  @input="onInput($event,'culture')"/>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="家庭住址" prop="" class="formItemDuty">
											<el-input v-model="educateForm.address" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
								</el-row>
								<el-row style="border-bottom: 1px solid;">
									<el-col :span="8">
										<el-form-item label="身份证号码" prop="" class="formItemDuty">
											<el-input v-model="educateForm.idNumber" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="入场日期" prop="" class="formItemDuty">
											<el-input v-model="educateForm.entranceDate" class="formItemDutyIn" />
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="退场日期" prop="" class="formItemDuty">
											<el-input v-model="educateForm.exitDate" class="formItemDutyIn" />
										</el-form-item>
									</el-col>

								</el-row>

								<el-row style="border-bottom: 1px solid;">
									<el-col :span="24"
										style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
										安全教育内容
									</el-col>
								</el-row>
								<el-row style="border-bottom: 1px solid;">
									<el-col :span="2" class="education-title px-2" style="writing-mode: inherit;letter-spacing: 0;">
										公司级教育 <br />15学时
									</el-col>
									<el-col :span="13" style="border-right: 1px solid;">

										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											1、党和国家的安全生产方针、政策；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											2、安全生产法规、标准和安全知识；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											3、项目部安全规章制度、操作规程；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											4、职业健康、节能减排及环境保护规章制度、管理要求及相关知识；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											5、项目部安全标准化管理要求及相关管理手册知识；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											6、施工项目主要安全风险及管理要求；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											7、安全生产形势及重大事故案例教训；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											8、项目部应急组织体系、应急预案及应急处置措施。</div>
									</el-col>
									<el-col :span="9">
										<el-row style="border-bottom: 1px solid;">
											<el-col :span="12"
												style="border-right: 1px solid; font-size: 0.13rem;height: 0.5rem;line-height: 0.5rem;">
												教育人（安全总监）
											</el-col>
											<el-col :span="12" style="height: 0.5rem;line-height: 0.5rem; font-size: 0.13rem;">

												受教育人

											</el-col>
										</el-row>

										<el-row style="border-bottom: 1px solid;">
											<el-col :span="12" style="border-right: 1px solid;height: 1.8rem;">
												<div class="text-left ml-1" @click="setUpEquipment('educateForm.teacher1','TaskSignFinger')">签名：</div>
												<el-image class="sign_img" v-show="educateForm.teacher1" :src="educateForm.teacher1"
													fit="fill"></el-image>

											</el-col>
											<el-col :span="12">
												<div class="text-left ml-1" @click="setUpEquipment('educateForm.teached1','TaskSignFinger')">签名：</div>

												<el-image class="sign_img" v-show="educateForm.teached1" :src="educateForm.teached1"
													fit="fill"></el-image>

											</el-col>
										</el-row>
										<el-row>
											<el-col :span="24" style="font-size: 0.13rem;">
												<el-input v-model="educateForm.year1" class="people-input" placeholder=" "
													style="width: 0.8rem;"></el-input> 年
												<el-input v-model="educateForm.month1" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 月
												<el-input v-model="educateForm.day1" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 日
											</el-col>

										</el-row>
									</el-col>
								</el-row>

								<el-row style="border-bottom: 1px solid;">

									<el-col :span="2" class="education-title px-2" style="writing-mode: inherit;letter-spacing: 0;">
										项目级教育 <br />15学时
									</el-col>

									<el-col :span="13" style="border-right: 1px solid;">

										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											1、本部门作业特点及安全操作规程；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											2、部门安全活动制度及纪律；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											3、部门安全活动制度及纪律；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											4、本岗位易发生事故的不安全因素及其防范对策，本工种事故案例剖析；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											5、本岗位安全生产的责任和义务、职业病危害因素及防范措施、环境保护、节能减排相关要求；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											6、发生事故后如何抢救伤员、排除隐患、保护现场和及时进行报告等应急知识。</div>

									</el-col>
									<el-col :span="9">
										<el-row style="border-bottom: 1px solid;">
											<el-col :span="12" style="border-right: 1px solid;">
												<el-row style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
													<div style="margin: auto;font-size: 0.13rem;">教育人
														（安全环保部）</div>
												</el-row>

												<el-row style="height: 1.5rem;">
													<el-col :span="24">
														<div class="text-left ml-1" @click="setUpEquipment('educateForm.teacher2','TaskSignFinger')">签名：
														</div>
														<el-image class="sign_img" v-show="educateForm.teacher2" :src="educateForm.teacher2"
															fit="fill"></el-image>

													</el-col>
												</el-row>
											</el-col>
											<el-col :span="12">
												<el-row style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
													<div @click="setUpEquipment('educateForm.teached2','TaskSignFinger')"
														style="margin: auto;font-size: 0.13rem;">受教育人
													</div>
												</el-row>
												<el-row style="height: 1.5rem;">
													<div class="text-left ml-1" @click="setUpEquipment('educateForm.teached2','TaskSignFinger')">签名：
													</div>
													<el-image class="sign_img" v-show="educateForm.teached2" :src="educateForm.teached2"
														fit="fill"></el-image>

												</el-row>

											</el-col>
										</el-row>
										<el-row>
											<el-col :span="24" style="font-size: 0.13rem;">
												<el-input v-model="educateForm.year2" class="people-input" placeholder=" "
													style="width: 0.8rem;"></el-input> 年
												<el-input v-model="educateForm.month2" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 月
												<el-input v-model="educateForm.day2" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 日
											</el-col>

										</el-row>
									</el-col>
								</el-row>

								<el-row style="border-bottom: 1px solid;">
									<el-col :span="2" class="education-title px-2" style="writing-mode: inherit;letter-spacing: 0;">
										班组级教育 <br />20学时
									</el-col>
									<el-col :span="13" style="border-right: 1px solid;">

										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											1、本班组作业特点及安全操作规程；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											2、班组安全活动制度及纪律；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											3、正确使用安全防护装置(设施)及个人劳动防护用品；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											4、本岗位易发生事故的不安全因素及其防范对策，本工种事故案例剖析；</div>
										<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
											5、本岗位的作业环境及使用的机械设备、工具的安全要求。</div>

									</el-col>
									<el-col :span="9">
										<el-row style="border-bottom: 1px solid;">
											<el-col :span="12" style="border-right: 1px solid;">
												<el-row style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
													<div style="margin: auto;font-size: 0.13rem;">教育人
														（队伍负责人）</div>
												</el-row>

												<el-row style="height: 1.5rem;">
													<el-col :span="24">
														<div class="text-left ml-1" @click="setUpEquipment('educateForm.teacher3','TaskSignFinger')">签名：
														</div>
														<el-image class="sign_img" v-show="educateForm.teacher3" :src="educateForm.teacher3"
															fit="fill"></el-image>

														<!--		<el-input v-model="educateForm.teacher3"-->
														<!--																		class="people-input"></el-input>-->
													</el-col>
												</el-row>
											</el-col>
											<el-col :span="12">
												<el-row style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
													<div style="margin: auto;font-size: 0.13rem;">受教育人
													</div>
												</el-row>
												<el-row style="height: 1.5rem;text-align: center;">
													<div class="text-left ml-1" @click="setUpEquipment('educateForm.teached3','TaskSignFinger')">签名：
													</div>

													<!--																<el-input v-model="educateForm.teached3"-->
													<!--																	class="people-input"></el-input>-->
													<el-image class="sign_img" v-show="educateForm.teached3" :src="educateForm.teached3"
														fit="fill"></el-image>
												</el-row>

											</el-col>
										</el-row>
										<el-row>
											<el-col :span="24" style="font-size: 0.13rem;">
												<el-input v-model="educateForm.year3" class="people-input" placeholder=" "
													style="width: 0.8rem;"></el-input> 年
												<el-input v-model="educateForm.month3" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 月
												<el-input v-model="educateForm.day3" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 日
											</el-col>

										</el-row>
									</el-col>
								</el-row>
								<el-row>
									<el-col :span="12" class="border-right">
										<el-row class="border-bottom">
											<el-col :span="6" class="border-right line-item">考核分数</el-col>
											<el-col :span="18">
												<el-input v-model="educateForm.score"></el-input>
											</el-col>
										</el-row>
										<el-col class="text-left p-2">
											<div>考核情况：</div>
											<el-radio-group v-model="educateForm.scoreResult">
												<el-radio :value="1">考核合格，准许上岗</el-radio>
												<el-radio :value="2">考核不合格，不准上岗</el-radio>
											</el-radio-group>
											<div @click="setUpEquipment('educateForm.safeSign','TaskSignFinger')">安全环保部：</div>
											<el-image class="sign_img" v-show="educateForm.safeSign" :src="educateForm.safeSign"
											fit="fill"></el-image>

											<el-col :span="24" style="font-size: 0.13rem;" class="text-right">
												<el-input v-model="educateForm.year4" class="people-input" placeholder=" "
													style="width: 0.8rem;"></el-input> 年
												<el-input v-model="educateForm.month4" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 月
												<el-input v-model="educateForm.day4" class="people-input" placeholder=" "
													style="width: 0.5rem;"></el-input> 日
											</el-col>
										</el-col>
									</el-col>
									<el-col :span="12" class="p-2 text-left">
										<div>
											经过入场三级安全教育，本人承诺：
										</div>
										<div>严格遵守单位安全管理规章制度，规范自身行为，不出现违章、违规行为。</div>
										<div class="mt-3" @click="setUpEquipment('educateForm.promiseSign','TaskSignFinger')">承诺人签名：</div>
										<el-image class="sign_img" v-show="educateForm.promiseSign" :src="educateForm.promiseSign"
											fit="fill"></el-image>

										<el-col :span="24" style="font-size: 0.13rem;" class="text-right">
											<el-input v-model="educateForm.year5" class="people-input" placeholder=" "
												style="width: 0.8rem;"></el-input> 年
											<el-input v-model="educateForm.month5" class="people-input" placeholder=" "
												style="width: 0.5rem;"></el-input> 月
											<el-input v-model="educateForm.day5" class="people-input" placeholder=" "
												style="width: 0.5rem;"></el-input> 日
										</el-col>

									</el-col>
								</el-row>

							</el-col>
						</el-row>
					</el-row>
				</el-form>

				<div class="d-flex flex-row mt-2">
					<div class="font-weight-bold">备注：</div>
					<div class="d-flex flex-column text-left">
						<div>1、一级安全教育由项目部进行，二级安全教育由厂队进行，三级安全教育由各班组进行；各级教
							育必须满足学习要求。</div>
						<div>2、各项签字必须是本人亲自签字，不得由他人代签。</div>
					</div>
				</div>

			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const educateForm = ref({
						// 新增
						phone: "", //联系电话
						urgencyRelation: '', //紧急联系人关系
						urgencyPhone: '', //紧急联系人电话
						culture: '', //文化
						entranceDate: '', //入场时间
						exitDate: '', //出场时间
						score: '', //考核分数
						scoreResult: '', //考核情况
						year4: "", //考核情况日期
						month4: "",
						day4: "",
						year5: "", //承诺人签名日期
						month5: "",
						day5: "",

						// 新增结束
						name: "", //姓名
						sex: "", //性别
						orgName: "", //所属单位
						workType: "", //岗位工种
						idNumber: "", //身份证号码
						address: "", //家庭住址
						teacher1: "", //公司级教育人
						teached1: "", //公司级受教育人
						year1: "", //公司级时间
						month1: "",
						day1: "",
						teacher2: "", //项目级教育人
						teached2: "", //项目级受教育人
						year2: "", //项目级时间
						month2: "",
						day2: "",
						teacher3: "", //班组级教育人
						teached3: "", //班组级受教育人
						year3: "", //班组级时间
						month3: "",
						day3: "",
						safeSign: "", // 安全环保部
						promiseSign: "", //承诺人签名
					})


					window.setSign = (event) => {
						educateForm.value[event.key] = event.img;
					};

					window.getData = (event) => {
						return educateForm.value
					};
					window.setData = (data) => {
						educateForm.value = data
					}
					const onInput = (e, key) => {
						window.parent.postMessage({
							key,
							isFill: e != '',
							form:'educateForm'
						}, '*')
					}
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						educateForm,
						setUpEquipment,
						onInput
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>